<template>
  <el-container style="height:100%;">
    <el-aside width="200px">
      <el-menu style="height:100%;"
               default-active="1"
               class="el-menu-vertical-demo"
      >
        <el-menu-item index="1-1">
          <router-link to="/flow">流程图</router-link>
        </el-menu-item>
        <el-menu-item index="1-2">
          <router-link to="/DragEdit">可视化设计</router-link>
        </el-menu-item>
        <el-sub-menu index="1-3">
          <template #title>
            litegraph
          </template>
          <el-menu-item index="1-3-1">
            <router-link to="/litegraph">litegraph测试</router-link>
          </el-menu-item>
          <el-menu-item index="1-3-2">
            <router-link to="/litegraph/custom_node">自定义节点</router-link>
          </el-menu-item>
          <el-menu-item index="1-3-2">
            <router-link to="/litegraph/demo">官方demo</router-link>
          </el-menu-item>
          <el-menu-item index="1-3-3">
            <router-link to="/litegraph/flow">流程设计首页</router-link>
          </el-menu-item>
        </el-sub-menu>
        <el-menu-item index="1-0">
          <router-link to="/Fun2">测试页面</router-link>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main style="height:100%;position: relative;">
      <router-view v-slot="{ Component }">
        <keep-alive>
          <component :is="Component"/>
        </keep-alive>
      </router-view>
    </el-main>
  </el-container>
</template>
<script setup lang="ts">

</script>
